<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Tailor Report</title>
  <style>
    body {
      font-family: Helvetica, Arial, sans-serif;
    }
    .logo {
      width: 10em;
      display: block;
      margin: auto;
    }
    .title,
    .summary {
      text-align: center;
    }
  </style>
</head>
<body>
  <img src="" alt="Tailor" class="logo">
  <h1 class="title">Tailor Report</h1>
  <div class="summary">
    <em>{{summary}}</em>
  </div>
  <br>
  <div>
    <h2>Files</h2>
    <ul>
      {{#files}}
      <li><code><a href="#{{path}}">{{path}}</a></code> — {{#parsed}}{{num_violations}}{{/parsed}}{{^parsed}}Skipped{{/parsed}}</li>
      {{/files}}
    </ul>
  </div>
  <div>
    {{#files}}
    <div id="{{path}}">
      <code>{{path}}</code> —{{^parsed}} Skipped<br>{{/parsed}}
      {{#parsed}}
      {{num_violations}}
      <div>
        {{#violations}}
        {{#error}}❌{{/error}}{{#warning}}⚠️{{/warning}}
        {{#location}}
        <strong>Line #{{line}}{{#column}}, Column #{{column}}{{/column}}</strong> —
        {{/location}}
        <a href="https://github.com/sleekbyte/tailor/wiki/Rules#{{rule}}">[{{rule}}]</a>
        {{message}}
        <br>
        {{/violations}}
      </div>
      {{/parsed}}
      <br>
    </div>
    {{/files}}
  </div>
  <footer>
    Generated by <a href="https://tailor.sh" target="_blank">Tailor</a> {{version}}
  </footer>
</body>
</html>
